<!doctype html>
<html lang="en" data-bs-theme="dark">
  <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <title>Govee Controller</title>
      <link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
      <link
        href="/assets/bootstrap.min.css"
        rel="stylesheet"
        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
        crossorigin="anonymous" />
      <link href="/assets/style.css" rel="stylesheet" />
<script type="importmap">
{
  "imports": {
    "lit": "https://unpkg.com/lit@3.1.0",
    "lit/": "https://unpkg.com/lit@3.1.0/",
    "lit-element": "https://unpkg.com/lit-element@4.0.2",
    "lit-element/": "https://unpkg.com/lit-element@4.0.2/",
    "lit-html": "https://unpkg.com/lit-html@3.1.0",
    "lit-html/": "https://unpkg.com/lit-html@3.1.0/",
    "@lit/task": "https://unpkg.com/@lit/task@1.0.0",
    "@lit/reactive-element": "https://unpkg.com/@lit/reactive-element@2.0.2"
  }
}
</script>

    <script type="module" src="/assets/color-modes.js"></script>
    <script type="module" src="/assets/components/devices.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/timeago.js@4.0.2/dist/timeago.min.js"></script>
  </head>
  <body>
    <main class="container p-5">

      <div class="bg-body-tertiary p-5 rounded">

      <gv-device-list></gv-device-list>

      </div>

    </main>

    <script
      src="/assets/popper.min.js"
      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
      crossorigin="anonymous"></script>

    <script
      src="/assets/bootstrap.bundle.min.js"
      integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
      crossorigin="anonymous"></script>
  </body>
</html>
